body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:"Microsoft Yahei"!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}
/* end reset */

.fl{ float:left}
.fr{ float:right!important}
.fn{ float:none}

.clear{ clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.over{overflow:hidden}

.displayinline{ display:inline}

.ie6haslayout{zoom:1}

.top{  width:100%; height:35px; background: #f8eeed;color:#000; line-height:35px;}
.topnn{ width: 1200px; height: 35px; margin: auto; line-height: 35px;}

.top_lt{ width:355px; height:35px; float:left; font-size: 14px;}
.top_rt{ width:190px; height:35px; color:#000; float:right;}
.top_rt a{ color:#000; font-size: 14px;}


.font_line_24{ line-height:24px;}
/* end font */

/* end message */
.border_a{ background:#FFFFFF; border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.border_4px{ border:5px solid #d8d8d8}


#head11{width:100%; height:65px; background:#064c92; font-family:"Microsoft Yahei";}


/*end Notice*/
.logo{ width:1200px; height: 140px; margin: auto; }






.nav_main{ width:1200px; height:65px; margin:auto;position:relative;}
#nav_all{height:65px;float:left;line-height:65px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left; width: 125px;}
#nav_all li a{color:#fff;display:inline-block;font-size:14px;cursor:pointer;_padding:0 30px;height:65px;line-height:65px;white-space:nowrap;border-left: none; }
#nav_all li a:hover{line-height:65px; height:65px; width:125px; display: block; text-align:center;overflow:hidden; color: #fff; background:#05468c;  border-left: none;}

#nav_all li ul{display:none;position:absolute;z-index:999;width:125px;top:65px; background: #01458e; padding-bottom: 10px;}
#nav_all ul li{background-image:none; width:125px;line-height:32px;height:32px;padding-top:0px;padding:0; border-bottom: 1px dotted #ccc;}
#nav_all ul li a{background-image:none;width:125px;text-align:center;height:32px;line-height:32px;color:#fff;font-weight:normal;border:none;}
#nav_all ul li a:hover{background-image:none;width:125px;height:32px;margin:0px auto;display:block;line-height:32px;color:#fff; text-align:center;background:#0352ad;border-top:none; border-radius: none;}


.banner{ width:100%; height:700px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:700px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/*banner*/


.about_bj{ width: 100%; height: 510px; background:url(../images/jjbj.jpg) center bottom no-repeat; margin-top: -10px; }

.about{ width:1200px; height:500px; overflow:hidden; margin:10px auto;}
.about_nr{ width: 1200px; height: auto; margin: auto;color: #fff; overflow: hidden;}

.jjnr{width: 360px; float: left; display: block;margin-top: 90px; margin-left: 30px;}


.jjnr span{ line-height: 24px; font-size: 14px; text-align: left;  color: #fff;margin-top: 40px;}
.jjnr p{ color: #fff; font-size:14px;}
.jjnr h1{ color: #fff; font-weight: normal; font-size: 24px; margin-bottom: 30px;}
.jjnr h2{ font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 30px;}


.warper{ width: 800px; height: 380px; float: left; padding: 3px 3px 0px 0px;  margin-top: 70px;}
#wowslider-container1 { zoom: 1; position: relative; max-width: 585px; float:right; z-index: 90 }
* html #wowslider-container1 { width: 585px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause { background-image: url(../images/pause.png) }
#wowslider-container1 .ws_play { background-image: url(../images/play.png) }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -32.51%; top: 0; width: 165px; height:320px;margin-top: 15px;}
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0;  width: 89.54%; }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-moz-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-webkit-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}






.cpbt{ width: 1200px; height:135px; margin: auto; background: url(../images/cpbt.png) center center no-repeat;}
.probj{width: 100%; height: auto; background:#e9e9e9; overflow: hidden; padding-bottom: 40px;}
.pro1{ width:1200px; height:auto; margin:auto; overflow:hidden;}


.pro_tb{ width: 272px; height:auto; float: left;  background: #01458e;  }
.pro_btt{ width: 1200px;height: 170px; background: url(../images/fwbt.jpg) center top no-repeat; margin: auto;}
.pro_bt{ width:275px; height:122px; float: left;}
.pro_fl1{ width: 275px; height: auto; float: left; padding-top: 20px; padding-bottom:20px; }
.pro_fl1 ul{}
.pro_fl1 ul  li{ width: 230px; height: 38px; line-height: 38px; float: left; margin-left: 20px;   font-size: 14px; margin-bottom: 5px;  text-align:left; background:#fff;}
.pro_fl1 ul  li a{ color: #000;font-size: 14px; margin-left: 30px; font-weight: bold;}
.pro_fl1 ul  li:hover{ background: #fe6507; color: #fff;}
.pro_fl1 ul  li:hover a{ color: #fff; font-size: 14px;}



.pro_tb1{ width: 1220px; height:102px; margin: auto; }


.pro_fl11{ width: 1300px; height: 100px; float: left;  }
.pro_fl11 ul{}
.pro_fl11 ul  li{ height: 35px; line-height: 35px;float: left; font-size: 14px; margin-right: 10px; margin-bottom: 15px; text-align:center; width: 132px; border: 1px solid #ccc; border-radius:25px; }
.pro_fl11 ul  li a{ color: #000;font-size: 14px; }
.pro_fl11 ul  li:hover{ background: #01458e; color: #fff;}
.pro_fl11 ul  li:hover a{ color: #fff; font-size: 14px;}









.tjcp{ width: 855px; height: 200px; border: 8px solid #0c4ca3; background: #fff; float: right; padding: 20px;}
.tjcp img{ float: left; width: 255px; height: 208px;}
.prosm{ width: 525px; float: right;}
.prosm h1{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.prosm p{ font-size: 12px;}

.sman{  width:330px; float: left; height: 50px;margin-top: 10px;}
.sman ul{ width: 330px; float: left;}
.sman ul li:nth-child(1){width: 130px; height: 35px; float: left; text-align: center;line-height: 37px; border: 1px solid #ccc;  margin-right: 10px;}
.sman ul li:nth-child(1) a{ font-size: 14px; text-align: center;}


.sman ul li:nth-child(2){width: 130px; height: 36px; float: left; text-align: center;line-height: 37px; background: #f38518;}
.sman ul li:nth-child(2) a{ font-size: 14px; color: #fff; text-align: center;}


.tjcp1{  width: 1200px; float: right; margin-top: 10px; margin-left: 20px;}
.tjcp1 ul{ width: 1200px; float: right;}
.tjcp1 ul li{ width:370px; height: 315px; float: left; background: #fff; margin-left: 15px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px;}
.tjcp1 ul li img{ width: 370px; height: 270px; float: left; margin-top: 5px;}


.probt{ width: 900px; height: 50px;  float:left;background: url(../images/cptjbt.png) left center no-repeat; margin-bottom: 20px;}
.ckgd{width: 102px; height: 30px; line-height: 30px;  text-align:center;margin-top:10px;float:right;background: url(../images/gdbj.jpg) left center no-repeat;}
.ckgd a{color: #fff;}

.pro_nn{ width:900px; height:700px;float: right;}
.pro_nn ul{ width:900px; height:auto; margin:auto;}
.pro_nn ul li{  float:left; margin-right:20px; margin-bottom: 15px; }
.tjcp1 ul li img{display: block;width: 100%; height:270px;position: relative;overflow: hidden;transition: all 0.3s ease 0s; }
.tjcp1 ul li:hover img{transform: scale(1.1, 1.1);} 
.tjcp1 ul li .img{ display:block; overflow:hidden; width:368px; height:270px;   margin-top: 5px;}
.pro_nn_bt{ width:370px; height: 40px; line-height:40px;float:left; text-align: center;  font-size: 16px; border-bottom: 2px solid #ccc; }
.pro_nn_bt h1{ width: 150px; height: 40px; float: left; margin-left: 22px; font-size: 15px;}
.gdm{ width: 80px; height: 28px;border: 1px solid #ccc; float: right; text-align: center; line-height: 28px; border-radius: 15px; margin-right: 20px; margin-top: 5px;}

.dh{ width: 1200px; height: 50px; background:url(../images/lx.png) center center no-repeat #064c92; border-radius: 15px; margin: auto;}

.albj{ width: 100%; height: auto;background: #efefef; padding-top: 40px; }
.alnr{ width: 1200px; height: auto;margin: auto;}
.albt{ width: 1200px; height: 80px; background: url(../images/albt.png) center center no-repeat; margin: 10px auto 40px;}
.allb{ width: 1200px; height: 260px; background: #fff; border: 1px solid #ccc;}
.allb ul{ width: 1200px; height: auto; overflow: hidden;}
.allb ul li{ width: 360px; height: 30px; line-height: 32px;  float:left;border-bottom: 1px solid #ccc; background: url(../images/alico.jpg) left center no-repeat; padding-left: 30px; margin-left: 10px;}
.allb ul li a{ font-size: 14px;}

.sman1{  width:140px; float: left; height: 30px; text-align: center; line-height: 30px; border-radius:20px; border:1px solid #fff;margin-top: 40px;}
.sman1 a{ color: #fff; text-align: center;}

.tjal{ width: 1200px; margin: auto; height: auto;}
.tjal ul{ width: 1250px; height: auto; overflow: hidden; }
.tjal ul li{ width: 280px; height: 265px; float: left; background: #fff; margin-left: 20px; margin-bottom: 5px; margin-top: 20px;}
.tjal ul li img{ width: 270px; height: 205px; float: left; margin-left: 6px; margin-top: 8px;}
.tjal ul li h1{ width: 260px; float: left; height: 30px; line-height: 30px; font-size: 14px; margin-left: 20px;}



.case_nr{  width: 1200px; height: 320px; margin:20px auto;}
.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{background:url(../images/hd-line_01.jpg) no-repeat 0 50px;height:55px;}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1200px;height:auto;overflow:hidden;}
.rowE .count li{margin-right:20px;width:290px;height:265px; background: #fff;}
.rowE .count .img_wrap{width:280px;height:205px; margin-left: 5px; margin-top: 5px;}
.rowE .count li .text-area{ height: 40px; text-align: center;}
.rowE .count li .text-area  p{line-height:40px;height:40px; font-weight: bold; font-size: 14px; margin-left: 15px;}

.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}




.newbj{ width: 100%; height: auto;background:#05458d;}
.new{ width:1200px; height:auto; overflow:hidden; margin:auto; }


.new_left{ width:805px; height: 455px; background:#fff; float: left;}
.new_left img{ width: 332px; height: 220px; margin-left: 32px; margin-top: 25px; float: left;}
.newbt{ width: 755px; height: 35px; line-height: 35px; padding-left: 50px; font-size: 16px; color: #fff; background: #0f5cae; float: left; background: url(../images/xwbtico.jpg) 3% center no-repeat #0f5cae;}
.newbt h1{ width:100px; height: 30px; float: right; font-size: 14px; color: #fff;}
.newbt h1 a{color: #fff;}

.tim{  float: left; margin-bottom: 20px; margin-right: 10px;}

.new_nr{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.new_nr_rt{ width:390px; height:480px; float:right; color:#000000; }
.new_nr_rt span{ line-height:24px; }
.new_nr_rt p{ font-size: 14px; color: #aeacac; margin-bottom: 20px;}

.xwbtt{ width: 300px; float: left; height: 85px; background: #f8f8f8; padding-left: 30px;}
.xwbt{ height: 30px; float: left; font-size:15px; font-weight: bold; color: #000;}
.xwx{ width: 40px; height: 7px; background: #00539c; display: block; margin-top: 30px; margin-bottom: 10px;}
.xwnr{ width: 300px; float: left; margin-left: 30px; margin-top: 20px; line-height: 30px;}
.xwmore{ width: 105px; height: 25px; float: left; border: 1px solid #bcbcbc; border-radius: 20px; text-align: center; line-height: 25px; margin-left: 30px; margin-top: 10px;}
.xwmore a{ color: #bcbcbc;}

.new_nr_lt{ width: 370px; float: right; background: #fff;}
.new_flt{ width: 750px; padding-bottom: 10px; float: left; text-align: center; margin-left: 20px; border-bottom: 1px dashed #ccc;}

.new_flt h1{ width: 750px; height: 50px; line-height: 50px; font-size:22px; font-weight: normal; text-align: center; color: #0f5cae; }
.new_flt p{ line-height:24px; font-size: 14px;}

.new_frt{ width: 400px; float: right; margin-top: 20px;}
.new_frt ul{ width: 400px; float: right;}
.new_frt ul li{ width: 400px; height: 30px; line-height: 30px; padding-left: 15px; float: left; color: #000; background: url(../images/xic.jpg) left center no-repeat;}

.xwgd{ width: 105px; height: 30px; background: #f08300; text-align: center; line-height: 30px; font-size: 12px; margin-top: 10px;}
.xwgd a{ color: #fff;}



.newflc{ width: 370px; float: right;  margin-top: 20px; background: #fff;}
.newflc ul{ width: 370px; float: left;}
.newflc ul li{ width: 370px; float: left; }
.sj{ width: 154px; height: 100px; background: #fff; border: 1px solid #ccc; float: left; margin-left: 15px; text-align: center; color: #a1a1a1;}
.sj h1{ text-align: center; font-size: 55px; height: 55px;  line-height:75px;color: #a1a1a1; text-align: center; margin-bottom: 10px;}
.sj span{ text-align: center; font-size: 14px; margin-top: 20px;}
.ncnr{ width: 310px; float: left; margin-left: 30px; margin-top: 10px; font-size: 14px; }
.ncnr h1{ font-size: 15px; margin-bottom: 10px;}


.new_nr_lt ul{}
.new_nr_lt ul li{ width: 330px; height: 100px; float: left; line-height: 22px; background: url(../images/wd.jpg) left 20% no-repeat; margin-left: 10px;}
.new_nr_lt ul li:nth-child(2){ border-right: none;}
.time{ width: 70px; height: 70px; float: left; border: 1px solid #dedede; text-align: center; border-radius: 35px; margin-right: 35px; color: #989898;}
.time h1{ width: 80%; margin: auto; font-size: 18px;  font-weight: normal; text-align: center; line-height: 24px; color: #989898; margin-top: 10px;border-bottom: 1px solid #dedede; display: block;}
.time span{ font-size: 12px;line-height: 12px; color: #989898;}

.wdbt{ width: 370px; height: 37px; line-height:37px; color:#fff; padding-left:55px;background: url(../images/wdic.jpg) 5% center no-repeat #ff7c08; font-size:16px;}
.wdbt h1{ width:100px; height: 37px;line-height:37px; float: right; margin-right: 45px; font-size: 14px; color: #fff;}
.wdbt h1 a{color: #fff;}




.qyys{ width: 1200px; height: 70px; background: url(../images/ysbt.jpg) center center no-repeat; margin:20px auto;}
.qyysnr{ width: 1200px; height: auto;margin: auto;  overflow: hidden;}
.qyysnr ul{ width: 1250px;}
.qyysnr ul li{ width: 270px; height: 500px; float: left;  margin: 10px; text-align: center;}
.qyysnr ul li:nth-child(1){ background: url(../images/ys01.jpg) center center no-repeat;}
.qyysnr ul li:nth-child(2){ background: url(../images/ys02.jpg) center center no-repeat;}
.qyysnr ul li:nth-child(3){ background: url(../images/ys03.jpg) center center no-repeat;}
.qyysnr ul li:nth-child(4){ background: url(../images/ys04.jpg) center center no-repeat;}
.qyysnr ul li img{ text-align: center; margin-top: 30px; }
.qyysnr ul li h1{ width: 80%; margin-top: 220px; text-align: center;color: #01458e; font-size: 22px; margin-left: 15px; margin-bottom: 10px; border-bottom: 1px solid #01458e;}
.qyysnr ul li span{ text-align: center; height: 80px; color: #000; display: block; width: 85%; font-size: 14px; margin-left: 10px; font-weight: normal;line-height: 24px;}
.gd{ width: 110px; height: 35px; background: #fe6507; line-height: 35px; margin-top: 30px; margin-left: 75px;  text-align: center;}
.gd a{ color: #fff; text-align: center; font-size: 14px;}
.gd:hover{ color: #fff; background: #01458e;}


.lmbj{ width: 100%; height: 50px; line-height: 50px; background: #01458e;}
.dbmn{  width:1200px; height: 52px; line-height: 52px; font-size: 14px;  overflow: hidden; margin: auto; }
.dbmn a{ float: left; font-size: 14px; color: #fff;width:70px;font-weight: normal; margin-left: 60px;}

.foot{ width:100%; height:300px; margin:auto;overflow:hidden;  background:#414141; }



.footn{ width:1200px; height:auto;  overflow:hidden; margin:auto; padding-top:30px; }
.footn ul{}
.dblogo{ width: 350px; height: 210px; float: left; background: url(../images/x.jpg) right 80% no-repeat; }
.footn ul li{  float: left; color: #fff; font-size: 14px; line-height:24px; }
.footn ul li a{ color: #fff;}
.bqsy{ width: 335px; float: right; margin-top: 30px; line-height: 30px; font-size: 14px;}

.ewm{width: 170px; float: left;margin-top: 20px;



.animated10s { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated15s { 
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated20s { 
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated25s { 
-webkit-animation-duration: 2.5s; 
animation-duration: 2.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated28s { 
-webkit-animation-duration: 2.8s; 
animation-duration: 2.8s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated30s { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}


.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ visibility:hidden;}
.an-show{ visibility:visible}